<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>关于</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap1.min.css" rel="stylesheet">
<link href="css/gstyle-final.css" rel="stylesheet">
<link href="css/style1.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
  
  <body>
  <%@include file="common/Top.jsp" %>
    <div class="container">
    	<div class="row">
    		<div class="span12">
    			<h4 class="page-header" style="margin-bottom: 10px;">关于我们</h4>
				<p style="text-align: left;">
       			华诚信息技术公司成立于2014年春。<br/>
				我们的愿景：用付出改变世界用卓越的产品和服务创造价值、回报社会、努力让世界变得更加美好。<br/>
				我们的使命：竭力为客户提供完美服务。携手客户为事业的腾飞而共同奋斗<br/>
				我们的价值观：正直、勤奋、追求卓越为人正直诚信，不安现状勤于朝夕，虚怀若谷追求卓越。
				</p>
    		</div>
    	</div>
    	<div class="row">
    			<div class="span1"></div>
    			<div id="imgList" class="span12">
    			<h4 class="page-header" style="margin-bottom: 10px;">团队风采</h4>
    			<s:iterator value="picAboutList">
    				<div class="gallery">
    					<div style="height: 80%;width: 100%;overflow: hidden;">
    					<img src='<s:property value="imageurl"/>' alt="<s:property value="title"/>" class="pimg" onload="bigImage(this)">
    					</div>
    					<p>
    						<span><s:property value="title"/></span> <br />
    						<s:property value="description"/>
    					</p>
    				</div>
    			</s:iterator>
<!--     			<div class="gallery"><img src="img/111.jpg" alt="" class="pimg"/><p><span>Cobweb</span> <br />Joni Niemelä</p> </div> -->
<!--    			<div class="gallery"><img src="img/5.jpg" alt="" class="pimg"/><p><span>Golden Lion</span> <br />peter delaney</p></div> -->
<!--     			<div class="gallery"><img src="img/6.jpg" alt="" class="pimg"/><p><span> *</span><br /> Claudia Wycisk</p></div> -->
<!--     			<div class="gallery"><img src="img/7.jpg" alt="" class="pimg"/><p><span>A Bright Idea</span><br /> Danielle Hughson</p></div> -->
<!--     			<div class="gallery"><img src="img/8.jpg" alt="" class="pimg"/><p><span> Untitled</span><br />Kamal Iklil</p></div> -->
<!--     			<div class="gallery"><img src="img/9.jpg" alt="" class="pimg"/><p><span>Untitled</span><br /> Boris Bushmin</p></div> -->
<!--     			<div class="gallery"><img src="img/10.jpg" alt="" class="pimg"/><p><span>Untitled</span><br /> Magdalena Berny</p></div> -->
<!--     			<div class="gallery"><img src="img/11.jpg" alt="" class="pimg"/><p><span> tea farmer</span><br /> Teuku Jody Zulkarnaen</p></div> -->
<!--     			<div class="gallery"><img src="img/12.jpg" alt="" class="pimg"/><p><span> ***</span><br /> Tanya Tess</p></div> -->
<!--     			<div class="gallery"><img src="img/13.jpg" alt="" class="pimg"/><p><span> Sun Flower</span> <br />Michael Murphy</p></div> -->
<!--     			<div class="gallery"><img src="img/14.jpg" alt="" class="pimg"/><p><span>l'Atlandide</span><br />Fabien BRAVIN</p></div> -->
<!--     			<div class="gallery"><img src="img/15.jpg" alt="" class="pimg"/><p><span>CUTE KITTEN</span><br /> Wolf Ademeit</p></div> -->
    		</div>
    		<div class="span1"></div>
    	</div>
    </div>
    <div id="xx">
    <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
    			<div id="innerdiv" style="position:absolute;"><img id="bigimg" style="border:5px solid #fff;" src="" /></div>
    </div>
    </div>
    <%@include file="common/Bottom.jsp" %>
	<script src="bootstrap/js/bootstrap.js"></script>
	<script src="js/img.js"></script>
		<script>
    $(function(){
        $(".pimg").click(function(){
            var _this = $(this);//将当前的pimg元素作为_this传入函数
            imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
        });
    });
</script>
  </body>
</html>
